<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<title>苏宁易购注册页面</title>
		<style type="text/css">
			* {
				box-sizing: border-box;
				padding: 0px;
				margin: 0px;
			}
			
			body {
				background-color: #F8F8F8;
			}
			
			.nav {
				width: 1349px;
				height: 36px;
				border: 1px solid;
				text-align: center;
				line-height: 36px;
			}
			.nav a{
				color: black;
				text-decoration: none;
				font-size: 14px;
			}
			.nav a:hover{
				color: #FFBB00;
				text-decoration: underline;
			}
			#top {
				width: 1346px;
				height: 90px;
				/*border: 1px solid;*/
			}
			
			#top #top-center {
				width: 990px;
				height: 90px;
				/*border: 1px solid;*/
				margin: 0px auto;
			}
			
			#top-center #top-center-img {
				width: 189px;
				height: 59px;
				margin-top: 16px;
			}
			
			#top #top-center .top-span {
				display: inline-block;
				/*border: 1px solid;*/
				width: 89px;
				height: 18px;
				position: absolute;
				top: 60px;
				left: 380px;
			}
			/*中间*/
			
			#center {
				width: 1346px;
				height: 580px;
				/*border: 1px solid;*/
				margin-bottom: 80px;
			}
			
			#center #center-center {
				width: 990px;
				height: 580px;
				/*border: 1px solid;*/
				margin: 0px auto;
				background-color: white;
			}
			
			.list {
				width: 440px;
				height: 450px;
				/*border: 1px solid;*/
				margin: 0px auto;
				padding-top: 50px;
				margin-bottom: 25px;
			}
			
			.biaodan {
				width: 440px;
				height: 400px;
				/*border: 1px solid;*/
				margin-top: 10px;
				text-align: center;
			}
			
			.img {
				display: inline-block;
				width: 120px;
				height: 161px;
				/*border: 1px solid;*/
				background-image: url(img/suning_zhuce/lion.png);
				margin-top: 30px;
			}
			
			.dianhua {
				margin-bottom: 70px;
				font-size: 20px;
			}
			
			.finish {
				width: 440px;
				height: 40px;
				/*border: 1px solid;*/
				margin-top: 30px;
				text-align: center;
				line-height: 40px;
				color: white;
				font-weight: bold;
				background-color: #FF9C00;
				border-radius: 5px;
				margin-bottom: 30px;
			}
			
			.finish:hover {
				background-color: #FFBB00;
			}
			
			.finish a {
				color: white;
				text-decoration: none;
				font-size: 20px;
			}
			
			.qiye {
				text-decoration: none;
				font-size: 12px;
			}
			
			.qiye:hover {
				color: #FF9C00;
				text-decoration: underline;
			}
			
			#tupian {
				width: 968px;
				height: 102px;
				/*border: 1px solid;*/
				margin: 0px auto;
			}
			
			#tupian li {
				list-style-type: none;
				float: left;
				margin-right: 20px;
			}
			
			#tupian a {
				border: 0px;
			}
			/*尾部*/
			
			#footer {
				width: 1349px;
				height: 145px;
				/*border: 1px solid;*/
				margin-top: 10px;
			}
			
			#footer p {
				width: 990px;
				height: 25px;
				/*border: 1px solid;*/
				margin: 0px auto;
				text-align: center;
				font-size: 12px;
				margin-bottom: 5px;
			}
			
			#footer .footer-p1 {
				margin-top: 5px;
			}
			
			#footer a {
				display: inline-block;
				border-right: 1px solid #C3C3C3;
				text-decoration: none;
				color: black;
				font-size: 12px;
				padding-right: 5px;
			}
			
			#footer a:hover {
				text-decoration: underline;
				color: red;
			}
			
			#footer .last {
				border: 0px;
			}
			
			#footer .footer-p3 {
				color: #999999;
			}
			
			#footer .footer-p3 a {
				border: 0px;
				color: #999999;
				padding-right: 0px;
			}
			
			#footer .footer-div {
				width: 990px;
				height: 25px;
				/*border: 1px solid red;*/
				margin: 0px auto;
				text-align: center;
			}
			
			#footer .footer-div a {
				border: 0px;
			}
		</style>

		</script>
	</head>

	<body>
		<div class="nav">
			<a href="#">
				<i class="iconfont">&#xe625;</i>
				返回易购首页
			</a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
		</div>
		<div id="top">
			<div id="top-center">
				<img src="img/suning_denglu/h-img.png" id="top-center-img" />
				<span class="top-span"><img src="img/suning_zhuce/regLogo.png"/></span>
			</div>
		</div>
		<div id="center">
			<div id="center-center">
				<div class="center-top">
					<div class="list">
						<div class="biaodan">
							<!--<div class="gongxi">-->
							<i class="img"></i>
							<p class="dianhua">
								恭喜您，
								<span>159******85</span> 注册成功！
							</p>
							<!--</div>-->
							<div class="finish">
								<a class="xianshi" href="suning_zhuce_yanzheng.html">
									快捷实名得红包
								</a>
								<!--隐藏部分-->
								<a class="yichang" style="display: none;">提交成功</a>
							</div>
							<a href="#" class="qiye">
								不，我先逛逛
							</a>
						</div>
					</div>
					<div id="tupian">
						<ul>
							<li>
								<a href="#"><img src="img/suning_zhuce/145154591847086332.jpg" /></a>
							</li>
							<li>
								<a href="#"><img src="img/suning_zhuce/144731570126632727.jpg" /></a>
							</li>
							<li>
								<a href="#"><img src="img/suning_zhuce/145706220272647051.jpg" /></a>
							</li>
							<li>
								<a href="#"><img src="img/suning_zhuce/144731573946731311.jpg" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<p class="footer-p1">
				<a href="#">苏宁元商</a>
				<a href="#">苏宁互联</a>
				<a href="#">苏宁金融</a>
				<a href="#">易付宝</a>
				<a href="#">PPTV</a>
				<a href="#">红孩子</a>
				<a href="#">缤购</a>
				<a href="#">乐购仕</a>
				<a href="#">苏宁物流</a>
				<a href="#">苏宁美国</a>
				<a href="#">苏宁香港</a>
				<a href="#" class="last">手机苏宁</a>
			</p>
			<p class="footer-p2">
				<a href="#">关于苏宁易购</a>
				<a href="#">联系我们</a>
				<a href="#">诚聘英才</a>
				<a href="#">供应商入驻</a>
				<a href="#">苏宁联盟</a>
				<a href="#">苏宁招标</a>
				<a href="#">友情链接</a>
				<a href="#">法律声明</a>
				<a href="#">用户体验提升计划</a>
				<a href="#" class="last">股东会员认证</a>
			</p>
			<p class="footer-p3">
				Copyright© 2002-2016 ，苏宁云商集团股份有限公司版权所有
				<a href="#">苏ICP备10207551号-4</a>
				<a href="#">苏B1-20130131</a>
				<a href="#">苏B2-20130376</a>
				<a href="#">苏B2-20130391</a>
				出版物经营许可证新出发苏批字第A-243号
			</p>
			<div class="footer-div">
				<a href="#"><img src="img/suning_denglu/chengxin.png" /></a>
				<a href="#"><img src="img/suning_denglu/unicom.png" /></a>
				<a href="#"><img src="img/suning_denglu/dianxin.jpg" /></a>
				<a href="#"><img src="img/suning_denglu/dianzi.png" /></a>
			</div>
		</div>
	</body>

</html>